@charset "UTF-8"; 

* {
	margin: 0;
	padding: 0
}

html, body {
	height: 100%;
	overflow-y: hidden
}

body {
	min-width: 1200px;
	font-size: 14px;
	line-height: 1.5;
	color: #333;
	background-color: #fff;
	font-family: "Hiragino Sans GB", "Microsoft Yahei", arial, \5b8b\4f53,
		"Helvetica Neue", Helvetica, STHeiTi, sans-serif
}

a {
	text-decoration: none
}

.hidden-clip {
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px)
}

.modern .s-tt, .modern .s-intro, .modern .s-qr, .modern .download-links,
	.modern .s-1-1-on .s-slogan, .modern .meteor-list .meteor-item, .modern .s-img-msg,
	.modern .chat-item .item-avatar, .modern .chat-item .item-tt, .modern .chat-item .item-text,
	.modern .offline-course-item {
	opacity: 0
}

.modern .s-4 .circle-list {
	background: 0 0
}

.top-nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',
		startColorstr='#B3000000', endColorstr='#B3000000');
	background-color: rgba(0, 0, 0, .7);
	height: 50px;
	line-height: 50px;
	z-index: 100
}

:root .top-nav {
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='false')
}

.top-nav .inner-center {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	position: relative
}

.top-nav .logo {
	width: 138px;
	height: 50px;
	float: left;
	background: url(/images/logo.bfd13389.png)
		no-repeat left center;
	color: transparent;
	font-size: 0/a
}

.top-nav .nav-right {
	position: absolute;
	right: 0;
	top: 0
}

.top-nav .nav-right .back-link {
	color: #fff
}

.indication-list {
	position: fixed;
	top: 50%;
	right: 56px;
	z-index: 50;
	margin-top: -85px
}

.indication-list .indication-item {
	width: 10px;
	height: 10px;
	border-radius: 5px;
	border: 2px solid transparent;
	background: #999;
	background: rgba(153, 153, 153, .5);
	display: block;
	margin: 10px 0;
	box-sizing: border-box
}

.indication-list .indication-item.active {
	background: 0 0;
	border-color: #999;
	border-color: rgba(153, 153, 153, .5)
}

.section {
	width: 100%;
	min-width: 1200px;
	position: relative;
	left: 0;
	top: 0;
	background: #f0ebec;
	overflow: hidden
}

.section.on {
	display: block
}

.s-qr-wrap, .s-qr {
	position: absolute;
	width: 170px;
	height: 200px;
	z-index: 20
}

.s-qr-wrap {
	top: 50%;
	left: 50%;
	margin-top: -100px;
	margin-left: -85px;
	-webkit-perspective: 800px;
	perspective: 800px
}

.s-qr {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/images/qr-bg.ae031c0a.png)
		no-repeat
}

.s-tt, .s-intro {
	position: absolute;
	color: transparent;
	font-size: 0;
	top: 50%;
	left: 50%
}

.section.on .s-tt {
	-webkit-animation: textShow .85s cubic-bezier(.67, .01, .38, 1) both;
	animation: textShow .85s cubic-bezier(.67, .01, .38, 1) both
}

.section.on .s-intro {
	-webkit-animation: textShow .85s .15s cubic-bezier(.67, .01, .38, 1)
		both;
	animation: textShow .85s .15s cubic-bezier(.67, .01, .38, 1) both
}

@
-webkit-keyframes textShow { 0%{
	opacity: 0;
	-webkit-transform: translate3d(0, 70px, 0)
}

100%{
opacity
:
1;-webkit-transform
:translate3d
(0
,
0,0)
}
}
@
keyframes textShow { 0%{
	opacity: 0;
	transform: translate3d(0, 70px, 0)
}

100%{
opacity
:
1;transform
:translate3d
(0
,
0,0)
}
}
.s-1 {
	background: url(/images/s-1-bg1.06b14dc5.jpg)
		no-repeat center center;
	background-size: cover
}

.s-1 .s-bg2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.s-1-1-on .s-bg2 {
	-webkit-animation: starBg 3.15s linear;
	animation: starBg 3.15s linear
}

@
-webkit-keyframes starBg { 0%{
	transform: translate3d(0, -10px, 0)
}

100%{
transform
:translate3d
(0
,
0,0)
}
}
@
keyframes starBg { 0%{
	transform: translate3d(0, -10px, 0)
}

100%{
transform
:translate3d
(0
,
0,0)
}
}
.s-1 .s-bg2-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%
}

.s-1-1-on .s-bg2-bottom {
	-webkit-animation: earthBg 3.15s linear;
	animation: earthBg 3.15s linear
}

@
-webkit-keyframes earthBg { 0%{
	transform: translate3d(0, 12px, 0)
}

100%{
transform
:translate3d
(0
,
0,0)
}
}
@
keyframes earthBg { 0%{
	transform: translate3d(0, 12px, 0)
}

100%{
transform
:translate3d
(0
,
0,0)
}
}
.s-1 .s-slogan {
	position: absolute;
	width: 588px;
	height: 93px;
	top: 50%;
	left: 50%;
	margin-left: -294px;
	margin-top: -230px;
	z-index: 20;
	opacity: 1
}

.s-1-1-on .s-slogan {
	-webkit-animation: fadeIn 1.3s 1.1s cubic-bezier(.67, .01, .38, 1)
		forwards;
	animation: fadeIn 1.3s 1.1s cubic-bezier(.67, .01, .38, 1) forwards
}

@
-webkit-keyframes fadeIn { 0%{
	opacity: 0
}

100%{
opacity
:
1
}
}
@
keyframes fadeIn { 0%{
	opacity: 0
}

100%{
opacity
:
1
}
}
.s-1 .s-qr {
	-webkit-animation: qrFlip 1.5s 1.6s both;
	animation: qrFlip 1.5s 1.6s both
}

@
-webkit-keyframes qrFlip { 0%{
	opacity: 0;
	transform: rotateX(50deg)
}

70%{
transform
:rotateX(-10deg)
}
80%{
transform
:rotateX(6deg)
}
90%{
transform
:rotateX(-4deg)
}
95%{
transform
:rotateX(2deg)
}
100%{
opacity
:
1;transform
:rotateX(0)
}
}
@
keyframes qrFlip { 0%{
	opacity: 0;
	transform: rotateX(50deg)
}

70%{
transform
:rotateX(-10deg)
}
80%{
transform
:rotateX(6deg)
}
90%{
transform
:rotateX(-4deg)
}
95%{
transform
:rotateX(2deg)
}
100%{
opacity
:
1;transform
:rotateX(0)
}
}
.s-1 .download-links {
	position: absolute;
	left: 50%;
	bottom: 90px;
	margin-left: -355px;
	z-index: 20;
	-webkit-animation: btnShow .8s 2.4s cubic-bezier(.67, .01, .38, 1) both;
	animation: btnShow .8s 2.4s cubic-bezier(.67, .01, .38, 1) both
}

@
-webkit-keyframes btnShow { 0%{
	opacity: 0
}

100%{
opacity
:
1
}
}
@
keyframes btnShow { 0%{
	opacity: 0
}

100%{
opacity
:
1
}
}
.s-1 .download-links .link-item {
	width: 210px;
	height: 75px;
	line-height: 75px;
	text-align: center;
	color: #fff;
	border: 2px solid #fff;
	border: 2px solid rgba(255, 255, 255, .6);
	font-size: 28px;
	display: inline-block;
	border-radius: 8px;
	margin: 0 10px;
	-webkit-transition: -webkit-transform .3s;
	transition: transform .3s
}

.s-1 .download-links .link-item:hover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.meteor-list .meteor-item {
	position: absolute;
	top: 0;
	left: 50%;
	width: 156px;
	height: 103px;
	-webkit-transform: scale(0.3);
	transform: scale(0.3);
	background: url(/images/s-1-meteor.d1d42ace.png)
		no-repeat;
	-webkit-animation: meteoFlush 2.4s .12s linear infinite;
	animation: meteoFlush 2.4s .12s linear infinite
}

.meteor-list .item--1 {
	margin-left: -150px;
	margin-top: 30px
}

.meteor-list .item--2 {
	margin-left: 0;
	margin-top: 30px;
	-webkit-animation-delay: 1.3s;
	animation-delay: 1.3s
}

.meteor-list .item--3 {
	margin-left: 70px;
	margin-top: 70px;
	-webkit-animation-delay: .8s;
	animation-delay: .8s
}

@
-webkit-keyframes meteoFlush { 0%{
	opacity: 0;
	transform: scale(0.3) translate(160px, -105px)
}

25%{
opacity
:
1
}
50%,100%{
opacity
:
0;transform
:scale
(0
.3
)
 
translate
(-160px
,
105
px
)
}
}
@
keyframes meteoFlush { 0%{
	opacity: 0;
	transform: scale(0.3) translate(160px, -105px)
}

25%{
opacity
:
1
}
50%,100%{
opacity
:
0;transform
:scale
(0
.3
)
 
translate
(-160px
,
105
px
)
}
}
.s-bg-phone {
	background:
		url(/images/s-1-phone-small.6a6a1f8c.png)
		no-repeat;
	z-index: 10;
	width: 800px;
	height: 400px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -400px;
	margin-top: -200px
}

.s-1-2-on .meteor-item {
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}

.s-1 .s-1-2 {
	position: absolute;
	width: 800px;
	height: 400px;
	top: 50%;
	left: 50%;
	margin-top: -261px;
	margin-left: -393px
}

.modern .s-1 .s-1-2 {
	-webkit-transform: scale(3.4);
	transform: scale(3.4)
}

.modern .s-1-2-on .s-1-2 {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.s-1 .s-1-2-bg {
	position: absolute;
	width: 630px;
	height: 360px;
	left: 78px;
	top: 20px;
	overflow: hidden
}

.s-1-2-on.in .s-1-2 {
	-webkit-animation: phoneShink 1s both;
	animation: phoneShink 1s both
}

.s-1-2-on.out .s-1-2 {
	-webkit-animation: phoneShink 1s reverse both;
	animation: phoneShink 1s reverse both
}

@
-webkit-keyframes phoneShink { 0%{
	transform: scale(3.4);
	opacity: 1
}

100%{
transform
:scale(1)
;opacity
:
1
}
}
@
keyframes phoneShink { 0%{
	opacity: 1;
	transform: scale(3.4)
}

100%{
opacity
:
1;transform
:scale(1)
}
}
.s-1-2-on .s-slogan {
	-webkit-transform: scale(.5);
	transform: scale(.5);
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	opacity: 1
}

.s-1-2-on.in .s-slogan {
	-webkit-animation: ttShrink 1s forwards;
	animation: ttShrink 1s forwards
}

.s-1-2-on.out .s-slogan {
	-webkit-animation: ttShrink 1s reverse forwards;
	animation: ttShrink 1s reverse forwards
}

@
-webkit-keyframes ttShrink { 0%{
	transform: scale(1)
}

100%{
transform
:scale
(
.5
)
}
}
@
keyframes ttShrink { 0%{
	transform: scale(1)
}

100%{
transform
:scale
(
.5
)
}
}
.s-2 .s-img-phone, .s-2 .s-tt, .s-2 .s-intro {
	background: url(/images/s-2.6a8f7a29.png)
		no-repeat
}

.s-2 .s-img-phone {
	position: absolute;
	left: 50%;
	top: 50%
}

.s-2 .s-img-phone {
	position: absolute;
	width: 670px;
	height: 655px;
	margin-left: -650px;
	margin-top: -303px
}

.s-2 .s-img-icon {
	opacity: 0;
	background: url(../images/s-2-icon.png) no-repeat;
	width: 679px;
	height: 397px;
	margin-top: 98px
}

.s-2 .s-tt {
	background-position: -670px -272px;
	width: 490px;
	height: 65px;
	margin-left: 6px;
	margin-top: -57px
}

.s-2 .s-intro {
	background-position: -658px -350px;
	width: 610px;
	height: 44px;
	margin-left: 0;
	margin-top: 26px
}

.s-2.on .s-img-icon {
	-webkit-animation: msgShow .5s 1s cubic-bezier(.67, .01, .38, 1) both;
	animation: msgShow .5s 1s cubic-bezier(.67, .01, .38, 1) both
}

@
-webkit-keyframes msgShow { 0%{
	opacity: 0;
	-webkit-transform: scale(0.5)
}

1%{
opacity
:
.5
;-webkit-transform
:scale
(0
.5
)
}
100%{
opacity
:
1;-webkit-transform
:scale(1)
}
}
@
keyframes msgShow { 0%{
	opacity: 0;
	transform: scale(0.5)
}

1%{
opacity
:
.5
;-webkit-transform
:scale
(0
.5
)
}
100%{
opacity
:
1;transform
:scale(1)
}
}
.s-3 {
	background: url(/images/s-3-bg.86430f50.jpg)
		no-repeat center center;
	background-size: cover
}

.s-3 .s-tt, .s-3 .s-intro {
	background: url(/images/s-3.b5a44c7f.png)
		no-repeat;
	position: absolute;
	margin-left: -550px
}

.s-3 .s-tt {
	width: 485px;
	height: 65px;
	background-position: 0 -170px;
	margin-top: -57px
}

.s-3 .s-intro {
	width: 248px;
	height: 34px;
	background-position: 0 -253px;
	margin-top: 26px
}

.s-3 .s-img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 560px;
	height: 505px;
	margin-top: -253px
}

.chat-item .item-avatar, .chat-item .item-tt, .chat-item .item-text {
	background: url(/images/s-3.b5a44c7f.png)
		no-repeat
}

.chat-item {
	padding-left: 88px;
	min-height: 80px;
	margin-bottom: 15px
}

.chat-item .item-avatar {
	float: left;
	width: 80px;
	height: 80px;
	margin-left: -88px
}

.chat-item--right {
	text-align: right
}

.chat-item--right .item-avatar {
	float: right;
	margin-left: 8px
}

.chat-item .item-tt {
	height: 27px
}

.chat-item .item-text {
	display: inline-block;
	margin-top: 10px
}

.chat-item--1 .item-avatar {
	background-position: -616px 0
}

.chat-item--1 .item-tt {
	background-position: -704px -7px;
	width: 105px
}

.chat-item--1 .item-text {
	background-position: -704px -42px;
	width: 408px;
	height: 85px
}

.chat-item--2 .item-avatar {
	background-position: -616px -140px
}

.chat-item--2 .item-tt {
	background-position: -704px -149px;
	width: 132px
}

.chat-item--2 .item-text {
	background-position: -704px -184px;
	width: 163px;
	height: 105px
}

.chat-item--3 .item-avatar {
	background-position: -616px -299px
}

.chat-item--3 .item-tt {
	background-position: -704px -313px;
	width: 113px
}

.chat-item--3 .item-text {
	background-position: -704px -347px;
	width: 410px;
	height: 60px
}

.chat-item--4 .item-avatar {
	background-position: -1094px -425px
}

.chat-item--4 .item-text {
	background-position: -992px -435px;
	width: 94px;
	height: 60px
}

.on .chat-item .item-avatar, .on .chat-item .item-tt {
	-webkit-animation: fadeIn .2s .2s cubic-bezier(.67, .01, .38, 1) both;
	animation: fadeIn .2s .2s cubic-bezier(.67, .01, .38, 1) both
}

.on .chat-item .item-text {
	-webkit-animation: fadeIn .25s .5s cubic-bezier(.67, .01, .38, 1) both,
		sizeExpanded1 .25s .5s cubic-bezier(.67, .01, .38, 1) both;
	animation: fadeIn .25s .5s cubic-bezier(.67, .01, .38, 1) both,
		sizeExpanded1 .25s .5s cubic-bezier(.67, .01, .38, 1) both
}

.on .chat-item--1 .item-text {
	-webkit-animation-name: fadeIn, sizeExpanded1;
	animation-name: fadeIn, sizeExpanded1
}

.on .chat-item--2 .item-avatar, .on .chat-item--2 .item-tt {
	-webkit-animation-delay: 1s;
	animation-delay: 1s
}

.on .chat-item--2 .item-text {
	-webkit-animation-name: fadeIn, sizeExpanded2;
	animation-name: fadeIn, sizeExpanded2;
	-webkit-animation-delay: 1.3s;
	animation-delay: 1.3s
}

.on .chat-item--3 .item-avatar, .on .chat-item--3 .item-tt {
	-webkit-animation-delay: 1.7s;
	animation-delay: 1.7s
}

.on .chat-item--3 .item-text {
	-webkit-animation-name: fadeIn, sizeExpanded3;
	animation-name: fadeIn, sizeExpanded3;
	-webkit-animation-delay: 2s;
	animation-delay: 2s
}

.on .chat-item--4 .item-avatar, .on .chat-item--4 .item-tt {
	-webkit-animation-delay: 2.1s;
	animation-delay: 2.1s
}

.on .chat-item--4 .item-text {
	-webkit-animation-name: fadeIn, sizeExpanded4;
	animation-name: fadeIn, sizeExpanded4;
	-webkit-animation-delay: 2.4s;
	animation-delay: 2.4s
}

@
-webkit-keyframes sizeExpanded1 { 0%{
	height: 0;
	width: 0
}

100%{
height
:
85px;width
:
408px
}
}
@
keyframes sizeExpanded1 { 0%{
	height: 0;
	width: 0
}

100%{
height
:
85px;width
:
408px
}
}
@
-webkit-keyframes sizeExpanded2 { 0%{
	height: 0;
	width: 0
}

100%{
height
:
105px;width
:
163px
}
}
@
keyframes sizeExpanded2 { 0%{
	height: 0;
	width: 0
}

100%{
height
:
105px;width
:
163px
}
}
@
-webkit-keyframes sizeExpanded3 { 0%{
	height: 0;
	width: 0
}

100%{
height
:
60px;width
:
410px
}
}
@
keyframes sizeExpanded3 { 0%{
	height: 0;
	width: 0
}

100%{
height
:
60px;width
:
410px
}
}
@
-webkit-keyframes sizeExpanded4 { 0%{
	height: 0;
	width: 0
}

100%{
height
:
60px;width
:
94px
}
}
@
keyframes sizeExpanded4 { 0%{
	height: 0;
	width: 0
}

100%{
height
:
60px;width
:
94px
}
}
.s-4 .s-tt, .s-4 .s-intro, .s-4 .offline-course-item {
	background: url(/images/s-4.22f6574d.png)
		no-repeat
}

.s-4 .s-tt {
	background-position: -331px 0;
	width: 274px;
	height: 64px;
	margin-top: -250px;
	margin-left: -137px
}

.s-4 .s-intro {
	background-position: -327px -81px;
	width: 282px;
	height: 34px;
	margin-left: -141px;
	margin-top: -166px
}

.s-4 .offline-course-list {
	position: absolute;
	width: 926px;
	height: 348px;
	top: 50%;
	left: 50%;
	margin-top: -98px;
	margin-left: -462px
}

.offline-course-list .item--1 {
	position: absolute;
	background-position: 0 -151px;
	left: 0;
	top: 0;
	width: 137px;
	height: 137px
}

.offline-course-list .item--2 {
	position: absolute;
	background-position: -283px -201px;
	width: 89px;
	height: 89px;
	left: 283px;
	top: 48px
}

.offline-course-list .item--3 {
	position: absolute;
	background-position: -739px -151px;
	left: 739px;
	top: 0;
	width: 186px;
	height: 187px
}

.offline-course-list .item--4 {
	position: absolute;
	background-position: -150px -374px;
	left: 150px;
	top: 222px;
	width: 125px;
	height: 125px
}

.offline-course-list .item--5 {
	position: absolute;
	background-position: -635px -376px;
	left: 635px;
	top: 219px;
	width: 119px;
	height: 119px
}

.s-4 .circle-list {
	position: absolute;
	top: 102px;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/images/s-4-circle.95a015b4.png)
		no-repeat center center
}

.s-4 .circle-list .circle-item {
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	width: 200px;
	height: 200px;
	margin-left: -100px;
	margin-top: -100px;
	box-sizing: border-box
}

.s-4 .s-wave-wrap {
	position: absolute;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 204px;
	height: 204px;
	margin-left: -102px
}

.s-4 .s-wave-wrap .wave-num {
	font-size: 16px;
	color: #fff;
	width: 100%;
	position: absolute;
	top: 130px;
	text-align: center
}

.on .circle-list .circle-item {
	border: 1px solid #c5d8ec;
	-webkit-animation: circle 3.6s linear infinite;
	animation: circle 3.6s linear infinite
}

.s-4.on .circle-item.item--2 {
	-webkit-animation-delay: .8s;
	animation-delay: .8s
}

.s-4.on .circle-item.item--3 {
	-webkit-animation-delay: 1.6s;
	animation-delay: 1.6s
}

.s-4.on .circle-item.item--4 {
	-webkit-animation-delay: 2.4s;
	animation-delay: 2.4s
}

.s-4.on .circle-item.item--5 {
	-webkit-animation-delay: 3s;
	animation-delay: 3s
}

@
-webkit-keyframes circle { 0%{
	opacity: 1
}

100%{
opacity
:
0;width
:
1200px;height
:
1200px;-webkit-transform
:translate3d
(-500px
,
-500
px
,
0)
}
}
@
keyframes circle { 0%{
	opacity: 1
}

100%{
opacity
:
0;width
:
1200px;height
:
1200px;transform
:translate3d
(-500px
,
-500
px
,
0)
}
}
.s-4.on .offline-course-item {
	-webkit-animation: courseFadeIn .4s 1.1s both;
	animation: courseFadeIn .4s 1.1s both
}

.s-4.on .offline-course-item.item--1 {
	-webkit-animation-delay: 1.37s;
	animation-delay: 1.37s
}

.s-4.on .offline-course-item.item--3 {
	-webkit-animation-delay: 1.8s;
	animation-delay: 1.8s
}

.s-4.on .offline-course-item.item--4 {
	-webkit-animation-delay: 1.7s;
	animation-delay: 1.7s
}

.s-4.on .offline-course-item.item--5 {
	-webkit-animation-delay: 1.3s;
	animation-delay: 1.3s
}

@
-webkit-keyframes courseFadeIn { 0%{
	opacity: 0;
	-webkit-transform: scale(.8)
}

100%{
opacity
:
1;-webkit-transform
:scale(1)
}
}
@
keyframes courseFadeIn { 0%{
	opacity: 0;
	transform: scale(.8)
}

100%{
opacity
:
1;transform
:scale(1)
}
}
.s-5 {
	background: url(/images/s-5-bg.6433488f.jpg)
		no-repeat center center;
	background-size: cover
}

.s-5 .s-tt, .s-5 .s-intro {
	background: url(/images/s-5.36782061.png)
		no-repeat
}

.s-5 .s-wrapper {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	top: 18%;
	opacity: 0
}

.s-5 .s-text {
	position: absolute;
	left: 364px;
	top: 70px;
	width: 430px;
	height: 200px
}

.s-5 .s-tt {
	background-position: -592px -174px;
	width: 270px;
	height: 65px
}

.s-5 .s-intro {
	background-position: -592px -258px;
	width: 430px;
	height: 34px;
	margin-top: 90px
}

.s-5 .s-img {
	background: url(/images/s-5.36782061.png)
		no-repeat;
	-webkit-perspective: 800px;
	perspective: 800px;
	width: 566px;
	height: 566px
}

.s-5.on .s-wrapper {
	opacity: 1
}

.s-5.on .s-img {
	-webkit-animation: qrFlip 1.5s 0s both;
	animation: qrFlip 1.5s 0s both
}

.lte9 .s-1 .s-1-2 {
	width: 100%;
	position: static;
	margin-left: 0;
	margin-top: 0
}

.lte9 .s-1 .s-bg-phone {
	display: none
}

.lte9 .s-1 .s-1-2-bg {
	position: static;
	margin-left: 0;
	margin-top: 0
}

.lte9 .meteor-list .item--1 {
	margin-left: -320px;
	margin-top: 105px
}

.lte9 .meteor-list .item--2 {
	margin-left: 200px;
	margin-top: 0
}

.lte9 .meteor-list .item--3 {
	margin-left: 400px;
	margin-top: 190px
}

.lte9 .circle-list .circle-item {
	display: none
}

#_927985980 {
	display: none
}